<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="renderer" content="webkit"/>
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
          name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="yes" name="apple-touch-fullscreen"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <title>估价</title>
<!--    <link type="text/css" href="css/index.css" rel="stylesheet" />-->
    <!--<link type="text/css" href="/css/index.css" rel="stylesheet" />-->
    <link type="text/css" href="css/common.css" rel="stylesheet" />
    <link type="text/css" href="css/reset.css" rel="stylesheet" />
    <link type="text/css" href="css/assess.css" rel="stylesheet" />
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css"/>
    <link href="css/user.css" rel="stylesheet" type="text/css"/>
    <link href="css/sj.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/Validform_v5.3.2_min.js"></script>
    <script type="text/javascript" src="js/city.js"></script>
    <script type="text/javascript" src="js/axios.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/esc.js"></script>
<body onload="init()">
<style type="text/css">
    .nav_list ul > li {
        margin-right: 30px;
    }
</style>


<div id="app">
<myframe>
<div class="nav_list">

</div>
<div class="  col-xs-12 dh-wz ">
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false"><span class="sr-only">Toggle navigat</span>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="clearfix xiala ">
                <li><a href="toIndex" title="首页">首页</a></li>
                <li><a href="toBuy" title="买车">买车</a></li>
                <li><a href="toSell" title="卖车">卖车</a></li>
                <li class="on"><a href="toGujia" title="评估" class="here">评估</a></li>
                <li><a href="toNews" title="攻略">攻略</a></li>
                <li><a href="toContact" title="联系">联系</a></li>
            </ul>
        </div>
    </nav>
</div>
<!--头部end -->
<div class="gujia1 container">
    <div class="gujia">

        <div class="gujia-1">

            <form id="guForm">
                <div class="gujia-2">先估价再卖车，心里倍儿有底</div>
                <div class="gujia-3">
                    <div class="gujia-31 col-xs-2">卖车地点</div>
                    <div class="col-xs-10">
                        <div class=" col-xs-6 gujia-3-1">
                            <select name="province" id="param_province" onchange="provincechange(this.selectedIndex)">
                            </select></div>
                        <div class=" col-xs-6  gujia-3-1"><select name="city" id="param_city">
                        </select></div>
                    </div>
                </div>
                <div class="gujia-3">
                    <div class="gujia-31 col-xs-2">车型</div>
                    <div class="col-xs-10">
                        <div class=" col-xs-3 gujia-3-1"><select name="brand" id="param_brand" onchange="brandchange(this.selectedIndex)">

                        </select></div>
                        <div class=" col-xs-3 gujia-3-1"><select name="series" id="param_series">

                        </select></div>
                        <div class=" col-xs-6  gujia-3-1"><select name="type">
                            <option value="">车型</option>
                            <option value='面包车'>2017款 45 TFSI allroad quattro 时尚型</option>
                            <option value='面包车'>2017款 45 TFSI allroad quattro 运动型</option>
                            <option value='面包车'>2014款 40 TFSI allroad quattro 版</option>
                            <option value='面包车'>2014款 40 TFSI allroad quattro plus版</option>
                            <option value='豪华车'>2013款 40 TFSI allroad quattro 豪华型</option>
                            <option value='跑车'>2013款 40 TFSI allroad quattro 舒适型</option>
                            <option value='微型车'>2008款 1.8T 自动舒适型</option>
                            <option value='小型车'>2008款 1.8T 个性风格</option>
                            <option value='中型车'>2008款 1.8T 手动舒适型</option>
                            <option value='中大型车'>2007款 2.0T 自动豪华型</option>
                            <option value='中大型车'>2007款 1.8T 个性风尚型</option>
                            <option value='中大型车'>2007款 1.8T 自标准型</option>
                            <option value='中大型车'>2006款 2.0T 尊享型</option>
                            <option value='中大型车'>2005款 1.8T 手动基本型</option>
                            <option></option>
                        </select></div>
                    </div>
                </div>

                <div class="gujia-3">
                    <div class="gujia-31 col-xs-2">上牌时间</div>
                    <div class="col-xs-10">
                        <div class=" col-xs-3 gujia-3-1"><select name="year">
                            <option value="">年份</option>
                            <option value='2001'>2001年</option>
                            <option value='2002'>2002年</option>
                            <option value='2003'>2003年</option>
                            <option value='2004'>2004年</option>
                            <option value='2005'>2005年</option>
                            <option value='2006'>2006年</option>
                            <option value='2007'>2007年</option>
                            <option value='2008'>2008年</option>
                            <option value='2009'>2009年</option>
                            <option value='2010'>2010年</option>
                            <option value='2011'>2011年</option>
                            <option value='2012'>2012年</option>
                            <option value='2013'>2013年</option>
                            <option value='2014'>2014年</option>
                            <option value='2015'>2015年</option>
                            <option value='2016'>2016年</option>
                            <option value='2017'>2017年</option>
                        </select></div>
                        <div class=" col-xs-3  gujia-3-1"><select name="month">
                            <option value="">月份</option>
                            <option value='01'>01月</option>
                            <option value='02'>02月</option>
                            <option value='03'>03月</option>
                            <option value='04'>04月</option>
                            <option value='05'>05月</option>
                            <option value='06'>06月</option>
                            <option value='07'>07月</option>
                            <option value='08'>08月</option>
                            <option value='09'>09月</option>
                            <option value='9.5'>10月</option>
                            <option value='9.7'>11月</option>
                            <option value='9.9'>12月</option>
                        </select></div>
                        <div class=" col-xs-6  gujia-3-1"><select name="wron">
                            <option value="">磨损度</option>
                            <option value='9.9'>9.9成新</option>
                            <option value='9.5'>9.5成新</option>
                            <option value='9'>9.0成新</option>
                            <option value='8.5'>8.5成新</option>
                            <option value='8'>8.0成新</option>
                            <option value='7'>7.0成新</option>
                            <option value='6'>6.0成新</option>
                        </select></div>
                    </div>
                </div>
                <div class="gujia-3">
                    <div class="gujia-31 col-xs-2">行驶里程</div>
                    <div class="col-xs-10 gujia-33"><input name="mileage" type="text"/><a href="#">万公里</a></div>
                </div>
                <div class="gujia-3">
                    <div class="gujia-31 col-xs-2">接受手机</div>
                    <div class="col-xs-10 gujia-33"><input name="phone" type="text" placeholder="请输入你的手机号"/></div>
                </div>

                <div class="gujia-4" @click.prevent="getPrice"><a>开始估价</a></div>
                <!--<div class="gujia-4"><input type="submit" value="开始估价"/></div>-->
            </form>

        </div>


    </div>


</div>
</myframe>
</div>
<script>
    var v = new Vue({
        el : "#app",
        data : {

        },
        created(){

        },
        methods:{
            getPrice(){
                var formParam = $("#guForm").serialize();//序列化表格内容为字符串
                axios.post("/esc-order/valuebe",formParam).then(res=>{
                    if(res.data.code) {
                        alert(res.data.msg);
                    }else {
                        alert(res.data.msg);
                    }
                })
            }
        }
    })

</script>


</body>
</head>
</html>